(function () { 'use strict'
  var createApp = function (a) {
	  console.log(a);
    // ---------------------
    // 开始常用的应用代码
    // ---------------------
    // 主要的Vue实例必须返回，并且有一个根节点在id "app"上，这样客户端可以加载它。
    return new Vue({
     // template: '<div id="app">你已经在这花了 {{ counter }} 秒。</div>',
      template:'<div id="app"><table id="example-1">'
	  +'<tr><th v-for="header in headers">{{header}}</th></tr>'
        + '<tr v-for="column in columns">'
				+'<td>{{column.id}}</td>'
				+'<td>{{column.name}}</td>'
		  +'</tr>'
		+'</table> <div>',
      data: {
			 counter: 0,
			items: [
			  {message: 'Foo' },
			  {message: 'Bar' }
			],
            headers:['id','name'], 
            columns:[{'id':'1','name':'张珊'},
					{'id':'2','name':'李思'}
			       ]
		  
  },
      created: function () {
        var vm = this
        setInterval(function () {
          vm.counter += 1
        }, 1000)
      }
    })
    // -------------------
    // 结束常用的应用代码
    // -------------------
  }
  if (typeof module !== 'undefined' && module.exports) {
    module.exports = createApp
  } else {
    this.app = createApp()
  }
}).call(this)